<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../Homemaster.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html">
    <ui:define name="slide">
        <div class="slider">						    								     
            <div class="fluid_container">
              
                <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" style="margin-bottom:15px;">
                    <div data-thumb="resources/user/images/thumbnails/slider-1.jpg" data-src="resources/user/images/slider-4.jpg">   </div>
                    <div data-thumb="resources/user/images/thumbnails/slider-2.jpg" data-src="resources/user/images/slider-3.jpg">  </div>
                    <div data-thumb="resources/user/images/thumbnails/slider-1.jpg" data-src="resources/user/images/slider-1.jpg">   </div>
                    <div data-thumb="resources/user/images/thumbnails/slider-2.jpg" data-src="resources/user/images/slider-2.jpg">  </div>
                </div>
            </div>
            <div class="clear"></div>					       
        </div>
    </ui:define>
    <ui:define name="content">
        <div class="main">
            <div class="wrap">
                <div class="icon_grids">
                    <div class="section group">
                        <div class="grid_1_of_3 images_1_of_3">
                            <div class="grid_icon"><h:link><h:graphicImage library="user/images" name="g1.png"></h:graphicImage></h:link></div>
                            <h3>Success Stories</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            <div class="button"><span><h:link value="read more"></h:link></span>
                            </div>
                        </div>
                        <div class="grid_1_of_3 images_1_of_3">
                            <div class="grid_icon"><h:link><h:graphicImage library="user/images" name="g2.png"></h:graphicImage></h:link></div>
                            <h3>Custom Design</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            <div class="button"><span><h:link value="read more"></h:link></span></div>
                        </div>
                        <div class="grid_1_of_3 images_1_of_3">
                            <div class="grid_icon"><h:link><h:graphicImage library="user/images" name="g3.png"></h:graphicImage></h:link></div>
                            <h3>Customer Support</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            <div class="button"><span><h:link value="read more"></h:link></span></div>
                        </div>
                    </div>
                </div>
                <div class="section group">						
                    <div class="col_1_of_3 span_1_of_3">
                        <h3>Welcome</h3>
                        <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span></p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                        <div class="button"><span><h:link value="read more"></h:link></span></div>
                    </div>
                    <div class="col_1_of_3 span_1_of_3">
                        <h3>What we do</h3>
                        <ul>
                            <li>Lorem ipsum dolor sit amet qui officia</li>
                            <li>Duis aute irure dolor in culpa qui</li>
                            <li>Sunt in culpa qui officia vel illum qui</li>
                            <li>vel illum qui dolorem eum wise man therefore</li>
                            <li>The wise man therefore in culpa qui officia</li>
                            <li>Sunt in culpa qui officia culpa qui officia</li>
                            <li>Lorem ipsum dolor sit amet qui officia</li>
                            <li>Duis aute irure dolor in culpa qui</li>
                            <li>Sunt in culpa qui officia vel illum qui</li>
                            <li>vel illum qui dolorem eum wise man therefore</li>
                        </ul>
                    </div>
                    <div class="col_1_of_3 span_1_of_3">
                        <div class="new-products">
                            <h3>New Products</h3>
                            <p><h:link><h:graphicImage library="user/images" name="product1.jpg"></h:graphicImage></h:link></p>
                            <p><h:link><h:graphicImage library="user/images" name="product2.jpg"></h:graphicImage></h:link></p>
                            <p><h:link><h:graphicImage library="user/images" name="product3.jpg"></h:graphicImage></h:link></p>
                            <p><h:link><h:graphicImage library="user/images" name="product4.jpg"></h:graphicImage></h:link></p>
                            <p><h:link><h:graphicImage library="user/images" name="product5.jpg"></h:graphicImage></h:link></p>
                            <p><h:link><h:graphicImage library="user/images" name="product2.jpg"></h:graphicImage></h:link></p>
                            <div class="button"><span><a href="gallery.html">View All</a></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>

</ui:composition>
